.page-header {
    text-align: center;
    margin: 10px;
    color: #0a435a;
}

.page-header h1 {
    margin: 0;
}

.page-body {
    color: #0a435a;
    text-indent: 2em;
    /*background-color: #f7fffe;*/
}


.page-comment {
    padding: 10px;
    border-left: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
    background-color: #f7fffe;
    border-radius: 10px;
}

.page-comment .head {
    min-height: 50px;
    line-height: 42px;
    color: #ff5a2b;
    font-weight: bold;
    border-bottom: 8px solid #f1532d;
    margin-bottom: 20px;
}

.page-comment .media {
    margin-bottom: 10px;
    background-color: #f1f6f1;
    border-radius: 15px;
    padding: 5px;
}


/*评论的样式*/
.replied-heading {
    display: flex;
    background-color: #efefef;
    border-bottom: 1px darkgray dashed;
    width: 770px;
    border-radius: 15px;
    padding: 5px;
}

/*这是回复的消息右边的样式*/
.media-right {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
}


/*回复弹出的盒子*/
.reply_box {
    /*background-color: #f5c3c0;*/
    /*width: 0;*/
    top: 14%;
    right: 30%;
    width: 0;
    height: 0;
    position: fixed;
}

.reply_box label {
    display: inline-block;
    height: 38px;
    width: 60px;
    text-align: center;
    border: #beb4e8 1px solid;
    color: #555555;
    padding: 5px 0;
    background-color: #eeeeee;
}

/*开始弹出的盒子里面的一些样式*/

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}


.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-body {
    padding: 15px;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

div.panel {
    border: #d7d6da 1px solid;
}

/*被关了之后的样式*/
.divisclose {
    display: none;
}

.div-close {
    position: absolute;
    right: 0;
    z-index: 999;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    border: none;
}



/*评论的回复按钮*/
.replied-box .replied-right{
    display: flex;
    flex-direction: column;
}

/*回复的回复样式*/
.reply_reply{
    display: flex;
    background-color: #e7e7e7e7;
}